<template>
	<div id="income">
		<van-nav-bar fixed style="z-index:1001">
			<div slot="title">
				收入榜单
			</div>
			<van-icon name="arrow-left" slot="left" color="black" @click="$router.go(-1)"/>
		</van-nav-bar>
		<div id="container" style="z-index:1000;margin-top:40px;">
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">排名</van-col>
			  <van-col span="8">人气达人</van-col>
			  <van-col span="8">奖励</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">1</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">2</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">3</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">1</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">2</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">3</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">1</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">2</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">3</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">1</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">2</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">3</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">1</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">2</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
			<van-row type="flex" justify="center" class="itme">
			  <van-col span="8">3</van-col>
			  <van-col span="8">
			  	<img src="/static/img/good.png" alt="" class="portrait">
			  	<span class="username">小青蛙</span>
			  </van-col>
			  <van-col span="8" style="color: #ed3c2b;">100元</van-col>
			</van-row>
		</div>
	</div>
</template>

<script>
    export default {
        name: "income",
        
    }
</script>

<style scoped>
	#income{
		font-size: 1rem;
		font-family: PingFang-SC-Regular;
		color: #000000;
		background-color: #eeeeee;
	}

	#container .portrait{
		width: 2rem;
		height: 2rem;
		border-radius: 2rem;
		float: left;
		margin-left: 1rem;
		margin-top: -0.2rem;
	}
	#container .username{
		display: inline-block;
		margin-left: 0.6rem;
		float: left;
	}
	#container .itme{
		padding: 1rem;
		margin-top: 0.1rem;
		background-color: #ffffff;
	}
</style>